<template>
	<view v-if="pageShow" class="contanier">
		<scroll-view scroll-y="true" class="mt-scroll">
			<view class="header">
				<image :src="shopObj.img" mode="widthFix" class="img"></image>
				<view class="header-content">
					<view class="top-text">
						<text style="font-size: 42rpx; color: #333;font-weight: 500;">{{ shopObj.name }}</text>
						<text style="font-size: 30rpx; color: #666;">剩余{{ shopObj.stock }}件</text>
					</view>
					<view class="bottom-text">
						<text style="font-size: 50rpx; color: #FF6161;">{{ shopObj.money }}积分</text>
						<text class="org" style="font-size: 30rpx;color: #B5B5B5;">原价：{{ shopObj.original_money }}积分</text>
					</view>
				</view>
			</view>
			<view class="middle"  v-if="shopObj.content">
				<view class="middle-title">
					商品详情
				</view>
				<view class="middle-content">
					<rich-text :nodes="shopObj.content"></rich-text>
				</view>
			</view>
		</scroll-view>
		<view class="bottom">
			<view class="bottom-home" @click="goHome">
				<image src="https://xzcs-public-files.oss-cn-beijing.aliyuncs.com/static/activityCenter/home-icon.png"
					class="img"></image>
				<text style="font-size: 26rpx; color: #666; margin-top: 6rpx;">首页</text>
			</view>
			<view class="bottom-btn" @click="goOrderDetail()">
				立即兑换
			</view>
		</view>
	</view>
</template>

<script
  type="text/javascript"
  src="plus-confusion://../pointsMall/shopDetail/index"
></script>

<style lang="scss" scoped>
@import './index.scss';
</style>
